@font-size-base: 192;
[v-cloak]{
	display:none;
}
html,body{
  padding:0;
  margin:0;
  box-sizing:border-box;
}
#app{
background:#0D2442;
height:100vh;
}
.flex {
	display: flex;
	align-items: center;
}
.public{
	margin: auto;
	padding: 20px 40px;
	width: 90%;
}
.echartsone{
	.flex();
	#echarts_one {
	  .public();
	}
}
.echartstwo {
	.flex();
	#echarts_two {
	  .public();
	}
}
.echartsthree {
	.flex();
	#echarts_three {
	  .public();
	}
}
.echartsfour {
	.flex();
	#echarts_four {
	  .public();
	}
}
.echartsfive {
	.flex();
	#echarts_five {
	  .public();
	}
}
.echartssix {
	.flex();
	#echarts_six {
	  .public();
	}
}
.wei {
	position: absolute;
      height: 16rem/@font-size-base;
      border-left: 5rem/@font-size-base solid #7D6636;
      border-top: 5rem/@font-size-base solid transparent;
      border-bottom: 5rem/@font-size-base solid transparent;
	content: '';
}
.weis {
	position: absolute;
      height: 16rem/@font-size-base;
      border-right: 5rem/@font-size-base solid #7D6636;
      border-top: 5rem/@font-size-base solid transparent;
      border-bottom: 5rem/@font-size-base solid transparent;
	content: '';
}
.head {
	color: #fff;
	width: 100%;
	height: 168rem/@font-size-base;
	background: url('../img/bg-header.png') center top no-repeat;
	background-size: 100%;

	&_infor {
		.flex();
		justify-content: space-between;
		height: 84rem / @font-size-base;

		&_logo {
			width: 410rem/@font-size-base;
			margin-left: 20rem/@font-size-base;
		}

		&_linktimeweather {
			.flex();
			font-size: 24rem/@font-size-base;
      font-family: Hyk1gjRegular;
			&_link {
				padding: 8rem/@font-size-base 25rem/@font-size-base;
				margin: 0 10rem/@font-size-base;
				fontSize: 0;
				cursor: pointer;
			}

			&_activelink {
				border: 3px solid #336CFB;
				position: relative;
			}
      .iframe{
        height: 84rem / @font-size-base;
        width: 480rem / @font-size-base;
      }
			&_activelink:before {
				.wei();
				left: 2rem/@font-size-base;
			}

			&_activelink:after {
				.weis();
				right: 2rem/@font-size-base;
			}

			&_time {
				margin: 0 30rem/@font-size-base;
        font-family: SourceHanSansCN-Regular;
			}
      &_timehour {
        font-size: 19rem/@font-size-base;
        line-height:1.5;
        font-weight: 700;
      }
      &_timeyear {
        font-size: 15rem/@font-size-base;
      }
		}
	}

	&_tab {
		background: linear-gradient(top, #233348, #2D415B);
		font-size: 20rem/@font-size-base;
		height: 84rem/@font-size-base;
		background: #233348;
    font-family: SourceHanSansCN-Regular;
		    opacity: .9;
		.flex();

		&_tit {
			padding: 10rem/@font-size-base;
			fontSize: 0;
			cursor: pointer;
			margin: 0 20rem/@font-size-base;
		}

		.active {
			background: #797768;
			border-bottom: 2px solid #00A547;
		}
	}
}
